// -----App.js import logo from './logo.svg'; import './App.css'; import Navbar from './components/Navbar'; import News from './components/News'; import NewsItem from './components/NewsItem'; function App() { return ( <div> <Navbar /> <News /> </div> ); } export default App; // ----- News.js import React, { Component } from 'react' import NewsItem from './NewsItem'; export class News extends Component { render() { return ( <div> <NewsItem /> </div> ) } } export default News //----- NewsItem.js import React, { Component } from 'react' export class NewsItem extends Component { render() { return ( <div> NewItem component </div> ) } } export default NewsItemSoy nuevo en reaccionar y trato de aprender los conceptos básicos. Traté de resolver el problema pero no pude encontrar la causa real. Traté de buscar el mismo problema en Internet, pero no puedo encontrar ninguno. Aunque el mensaje de error es el mismo, la situación es diferente.
Como puede ver, el componente NewsItem.js se pasa a News.js. ¿Está bien pasar un componente de clase a otro componente de clase como tipo de retorno?
Recibo el error como se muestra en img.
Intente eliminar la exportación antes de definir la clase.
class News extends Component ... class NewsItem extends Component ...Ya está exportándolo por defecto en la parte inferior